<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<div>
			<ul>
				<li><a href="#">HTML/CSS</a></li>
				<li><a href="#">Browser Side</a></li>
				<li><a href="#">Server Side</a></li>
				<li><a href="#">Programming</a></li>
				<li><a href="#">XML</a></li>
				<li><a href="#">Web Building</a></li>
				<li><a href="#">Reference</a></li>
				<li class="box"></li>
			</ul>
		</div>
	</body>
</html>
<style type="text/css">
/* 	ul{
		border: 1px solid;
	}
	.box{
		clear: left;
	} */
	a:link{
		float: left;
		height: 48px;
		font-size: 18px;
		line-height: 48px;
		text-align: center;
		padding: 0 30px;
		background-color: #E8E7E3;
		color: #777777;
	}
	a:visited{
		color: #777777;
	}
	a:hover{
		color: #E8E7E3;
		background-color: #3F3F3F;
	}
</style>